<template>
  <div class="whole">
    <van-nav-bar class="head" title="口碑榜单" left-text="" left-arrow @click-left="click"/>

    <van-form>
      <van-field
        v-model="tableData.value1"
        label="公司名称"
        placeholder="请输入内容"
        border
      />
      <van-field
        v-model="tableData.value2"
        label="行业选择"
        placeholder="请输入内容"
        border
      />
      <van-field
        v-model="tableData.value3"
        label="联系人"
        placeholder="请输入内容"
        border
      />
      <van-field
        v-model="tableData.value4"
        label="联系电话"
        placeholder="请输入内容"
        border
      />
      <van-field
        v-model="tableData.value5"
        label="门店地址"
        placeholder="请输入内容"
        border
      />
      <van-field
        v-model="tableData.value6"
        label="品牌介绍"
        placeholder="请输入内容"
      />
      <van-field
        v-model="tableData.value7"
        label="商家承诺"
        placeholder="请输入内容"
      />
      <van-field
        v-model="tableData.value8"
        label="优惠折扣"
        placeholder="请输入内容"
      />
      <van-field
        v-model="tableData.value9"
        label="商家承诺"
        placeholder="请输入内容"
      />
      <van-field
       
        label="资料上传"
      
      />
      <div class="file-box">
        <div class="one">
          <p>营业执照上传</p>
          <i>上传文件</i>
        </div>
        <div class="one">
          <p>LOGO上传</p>
          <i>上传文件</i>
        </div>
        <div class="one">
          <p>门店照片上传</p>
          <i>上传文件</i>
        </div>
      </div>
    </van-form>

    <!-- 底部按钮 -->
    <div class="footer">
      <van-button type="primary" block @click="tijiao">提交</van-button>
    </div>
  </div>
</template>
<script>
import {getbuisnes} from "../../api/index"
export default {
  data() {
    return {
      tableData: {
        value1: "",
        value2: "",
        value3: "",
        value4: "",
        value5: "",
        value6: "",
        value7: "",
        value8: "",
        value9: "",
      },
    };
  },
  methods:{
      click(){
      this.$router.push({path:'/mouth'}).catch((error)=>error)
    },
  async  tijiao(){
      let res =await getbuisnes(this.tableData) 
      console.log(res);
    }
  },

};
</script>
<style scoped lang="less">
.head {
  width: 100%;
  height: 51px;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(239, 239, 239, 1);
  position: fixed;
  top: 0;
}
/deep/.van-nav-bar .van-icon{
  color: rgba(153, 153, 153, 1);
}
/deep/.van-nav-bar__title{
  color: rgba(42, 131, 78, 1);
  font-size: 18px;
}
.van-form {
  padding: 44px 0;
  /deep/.van-cell{
  padding: 24px 24px;
}
  /deep/.van-field__control{
border: rgba(229, 229, 229, 1) solid 1px;
  }
  .file-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    .one {
      width: 103px;
      height: 56px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 20px 20px;
      flex-shrink: 0;
      p {
        font-size: 16px;
      }
      i {
        background-color: #f4f4f4;
        font-style: normal;
        margin-top: 5px;
        font-size: 12px;
        padding: 4px 12px;
        border-radius: 8px;
      }
    }
  }
}
.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
   background-color: rgba(42, 131, 78, 1);
}

</style>
